
body {
  height: 100%;
  font-size: 16px;
  color: $mainTextColor;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: $commonBgColor;
  font-feature-settings: "tnum";
}
html {
  height: 100%;
  box-sizing: border-box;
}
ul{
  padding: 0px;
  margin: 0px;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

ul,li{
  list-style: none;
}

 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

 ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: #F5F5F5;
}

.scrollbar-no-width::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}



/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  background-color: #c8c8c8;
}


h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5em;
  color: rgba(0,0,0,.85);
  font-weight: 500;
}

.fl{
  float: left;
}
.fr{
  float: right;
}

.tc{
  text-align: center;
}
.tr{
  text-align: right;
}

.m0{
  margin: 0;
}
.p0{
  padding: 0;
}

.m-l-10{
  margin-left: 10px;
}

.m-r-5{
  margin-right: 5px;
}
.m-r-10{
  margin-right: 10px;
}

.m-t-2 {
  margin-top: 10px;
}
.m-t-20 {
  margin-top: 20px;
}

.m-b-5 {
  margin-bottom: 5px;
}
.m-b-10{
  margin-bottom: 10px;
}
.m-b-20{
  margin-bottom: 20px;
}

.p-r-5{
  padding-right: 5px;
}
.p-r-55 {
  padding-right: 55px;
}

.p-l-5{
  padding-left: 5px;
}
.p-l-10{
  padding-left: 10px;
}
.p-l-15{
  padding-left: 15px;
}

.p-b-10{
  padding-bottom: 10px;
}

.p-t-10{
  padding-top: 10px;
}
.p-t-15{
  padding-top: 15px;
}
.p-t-20{
  padding-top: 20px;
}

.p10{
  padding: 10px;
}

.color-primary {
  color: $colorPrimary !important;
}

.color-danger {
  color: $colorDanger !important;
}

.color-success {
  color: $colorSuccess !important;
}

.color-default {
  color: $colorDefault !important;
}
.color-warning {
  color: $colorWarning !important;
}
//--------------------------全局样式结束-------------------------------


//上下布局
.flex-main {
  display: flex;
  flex-direction: column;
  height: 100%;
}
//左右布局
.flex-row{
  flex-direction: row !important;
  display: flex;
}

//分页
.pagination_handler {
  text-align: right;
}

.pagination_handler .pagination-container {
  padding: 10px !important;
}

//搜索面板
.filter-container {
  background: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
  padding: 15px 10px 0px 10px;
}

//公共提示
.common-tips{
  color: #9a9a9a;
  font-size: 12px;
}
//公共解释
.common-explain{
  color: $colorDanger;
  font-size: 13px;
  line-height: 20px;
  padding: 8px 0;
}

//公共鼠标
.common-cursor{
  cursor: pointer;
}

//图片
.common-image-32{
  width:32px;
  height:32px;
  border-radius: 4px;
}
.common-round-image-32{
  width:32px;
  height:32px;
  border-radius: 18px;
}
.common-round-image-96{
  width:96px;
  height:96px;
  border-radius: 48px;
}